<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小兔鲜儿-新鲜、惠民、快捷！</title>
		<link rel="stylesheet" href="./css/base.css" />
		<link rel="stylesheet" href="./css/index.css" />
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<script src="js/jquery.min.js"></script>
	</head>
	<body>
		<div class="top_dh">
			<div id="top_dh_left">
				<h1><a href="#"></a></h1>
			</div>
			<div id="top_dh_center">
				<ul>
					<li><a href="./首页商品数量.html">首页</a></li>
					<li><a href="#">生鲜</a></li>
					<li><a href="#">美食</a></li>
					<li><a href="#">餐厨</a></li>
					<li><a href="#">电器</a></li>
					<li><a href="#">居家</a></li>
					<li><a href="#">洗护</a></li>
					<li><a href="#">孕婴</a></li>
					<li><a href="#">服装</a></li>
				</ul>
			</div>
		</div>
		<div class="top">
			<div class="top_r">
				<ul>
					<li><a href="./登录界面.html">请先登录</a></li>
					<li><a href="./注册.html">免费注册</a></li>
					<li><a href="">我的订单</a></li>
					<li><a href="">会员中心</a></li>
					<li><a href="">帮助中心</a></li>
					<li><a href="">在线客服</a></li>
					<li>
						<a href=""><span></span>手机版</a>
					</li>
				</ul>
			</div>
			<div class="top_font">
				<div id="left">
					<h1><a href="#"></a></h1>
				</div>
				<div id="center">
					<ul>
						<li><a href="./首页商品数量.html">首页</a></li>
						<li><a href="#">生鲜</a></li>
						<li><a href="#">美食</a></li>
						<li><a href="#">餐厨</a></li>
						<li><a href="#">电器</a></li>
						<li><a href="#">居家</a></li>
						<li><a href="#">洗护</a></li>
						<li><a href="#">孕婴</a></li>
						<li><a href="#">服装</a></li>
					</ul>
				</div>
				<div id="right">
					<div class="sreach">
						<span></span>
						<input type="text" placeholder="搜一搜" />
					</div>
					<span>
						<a>2</a>
					</span>
				</div>
			</div>
		</div>
		<div class="index">
			<div class="index_left">
				<ul>
					<li class="li_iteam"><a>美食<span>面点 干果</span></a></li>
					<li class="li_iteam"><a>电器<span>数码产品</span></a></li>
					<li class="li_iteam"><a>居家<span>床品 四件套 被枕</span></a></li>
					<li class="li_iteam"><a>洗护<span>洗发洗护 美妆</span></a></li>
					<li class="li_iteam"><a>育婴<span>奶粉 玩具 辅食</span></a></li>
					<li class="li_iteam"><a>餐厨<span>家具饰品</span></a></li>
					<li class="li_iteam"><a>服饰<span>女装 男装</span></a></li>
					<li class="li_iteam"><a>杂货<span>户外 图书</span></a></li>
					<li class="li_iteam"><a>品牌<span>品牌制造</span></a></li>
				</ul>
				<div class="prev"></div>
				<!-- next : 下一个 -->
				<div class="next"></div>
			</div>
		</div>
		<div class="li_space">
			<ol class="tmp_lb">
				<li class="active"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ol>
		</div>
		<div class="goods xtx_goods_new">
			<div class="goods_top">
				<h2>新鲜好物<span>新鲜出炉 品质靠谱</span></h2>
				<a href="#">查看全部</a>
			</div>
			<div class="goods_index">
				<ul>
					<li>
						<a href="#">
							<img data-lazy-src="./img/upload/new_goods_1.jpg" />
							<div class="tmp">
								<div class="tmp-first">睿米无线吸尘器F8</div>
								<div class="tmp-second">￥<span>899</span></div>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img data-lazy-src="./img/upload/new_goods_2.jpg" />
							<div class="tmp">
								<div class="tmp-first">智能环绕空调</div>
								<div class="tmp-second">￥<span>1299</span></div>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img data-lazy-src="./img/upload/new_goods_3.jpg" />
							<div class="tmp">
								<div class="tmp-first">广东软软糯米煲仔饭</div>
								<div class="tmp-second">￥<span>129</span></div>
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<img data-lazy-src="./img/upload/new_goods_4.jpg" />
							<div class="tmp">
								<div class="tmp-first">罗西机械智能手表</div>
								<div class="tmp-second">￥<span>3399</span></div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="goods front xtx_goods_popular">
			<div class="goods_top">
				<h2>人气推荐<span>人气爆款 不容错过</span></h2>
				<a href="#">查看全部</a>
			</div>
			<!-- 人气推荐 -->
			<div class="goods_index goods_people">
				<ul>
					<li class=".good_no_texiao">
						<a href="#">
							<img data-lazy-src="./img/upload/popular_1.jpg" />
							<div class="tmp">
								<div class="tmp-first">特别推荐</div>
								<span class="alt">我猜得到 你的需要</span>
							</div>
						</a>
					</li>
					<li class=".good_no_texiao">
						<a href="#">
							<img data-lazy-src="./img/upload/popular_2.jpg" />
							<div class="tmp">
								<div class="tmp-first">爆款推荐</div>
								<span class="alt">人气好物推荐</span>
							</div>
						</a>
					</li>
					<li class=".good_no_texiao">
						<a href="#">
							<img data-lazy-src="./img/upload/popular_3.jpg" />
							<div class="tmp">
								<div class="tmp-first">场景使用一站购买</div>
								<span class="alt">编辑精心整理推荐</span>
							</div>
						</a>
					</li>
					<li class=".good_no_texiao">
						<a href="#">
							<img data-lazy-src="./img/upload/popular_4.jpg" />
							<div class="tmp">
								<div class="tmp-first">领卷中心</div>
								<span class="alt">发现更多超值优惠券</span>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 热门品牌 -->
		<div class="brand xtx_goods_brand">
			<div class="goods ">
				<div class="goods_top">
					<h2>热门品牌<span>国际经典 品质保证</span></h2>
					<a href="#">查看全部</a>
				</div>
				<ul class="brand_flex">
					<li>
						<a href="./index-brand.html">
							<img data-lazy-src="./img/upload/brand_goods_1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="./brand-list.html">
							<img data-lazy-src="./img/upload/brand_goods_2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img data-lazy-src="./img/upload/brand_goods_3.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img data-lazy-src="./img/upload/brand_goods_4.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img data-lazy-src="./img/upload/brand_goods_5.jpg" alt="">
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--  分类商品 -->
		<div class="categroy ">
			<div class="goods goods_id_one">
				<div class="goods_top">
					<h2>生鲜</h2>
					<div class="tabs-bar">
						<a href="javascript:;">水果</a>
						<a href="javascript:;">蔬菜</a>
						<a href="javascript:;">肉禽蛋</a>
						<a href="javascript:;">裤装</a>
						<a href="javascript:;">衬衫</a>
						<a href="javascript:;">内衣</a>
					</div>
					<a href="#">查看全部</a>
				</div>
				<!-- 商品列表 -->
				<div class="xtx_goods_one">
					<ul>
						<li>
							<a href="">
								<img data-lazy-src="img/upload/fresh_goods_cover.jpg" />
							</a>
							<div class="label">
								<span>生鲜馆</span>
								<span>全场3件8折</span>
							</div>
						</li>
						<!-- 商品图片 -->
						<li>
							<ul class="goods2">
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_1.jpg" alt="">
										</div>
									</a>
									<!-- 商品信息 -->
									<div class="meta">
										<p class="name">美威 智利原味三文鱼排 240g/袋 4片装</p>
										<p class="flag">海鲜年货</p>
										<p class="price"><small>￥</small>59</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_2.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">红功夫 麻辣小龙虾1.5kg 4-6钱/25-32只</p>
										<p class="flag">火锅食材</p>
										<p class="price"><small>￥</small>71.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_3.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
										<p class="flag">海鲜水产</p>
										<p class="price"><small>￥</small>49.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_4.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">渔公码头 大连鲜食入味 即食海参 辽参刺参 调味海</p>
										<p class="flag">海鲜年货</p>
										<p class="price"><small>￥</small>899</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_5.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">越南进口白心火龙果4个 装 标准果 单果400-550g </p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>29</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_6.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">广西沃柑 柑橘1.5kg</p>
										<p class="flag">新鲜水果</p>
										<p class="price"><small>￥</small>59</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_7.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">进口 牛油果 6个装 单果重约130-180g</p>
										<p class="flag">新鲜水果</p>
										<p class="price"><small>￥</small>39.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/fresh_goods_8.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">泰国进口山竹5A级 500g </p>
										<p class="flag">新鲜水果</p>
										<p class="price"><small>￥</small>29.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<!-- 服饰 -->
			<div class="goods goods_id_one">
				<div class="goods_top">
					<h2>服饰</h2>
					<div class="tabs-bar tabs-bar_two">
						<a href="javascript:;" class="active">行李箱</a>
						<a href="javascript:;">男士包袋</a>
						<a href="javascript:;">女士包袋</a>
						<a href="javascript:;">钱包及小提袋</a>
						<a href="javascript:;">男鞋</a>
						<a href="javascript:;">女鞋</a>
						<a href="javascript:;">拖鞋</a>
					</div>
					<a href="#">查看全部</a>
				</div>
				<!-- 服饰 -->
				<div class="xtx_goods_one">
					<ul>
						<li>
							<a href="">
								<img data-lazy-src="./img/upload/clothes_goods_cover.jpg" />
							</a>
							<div class="label">
								<span>服饰馆</span>
								<span>3折狂欢</span>
							</div>
						</li>
						<!-- 商品图片 -->
						<li>
							<ul class="goods2">
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_1.jpg" alt="">
										</div>
									</a>
									<!-- 商品信息 -->
									<div class="meta">
										<p class="name">人本秋季厚底帆布鞋 韩版低帮增高学生</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>55</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_2.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">迪士尼真皮针扣表带宽度 14-16mm规格双色压纹 女表带</p>
										<p class="flag">海鲜年货</p>
										<p class="price"><small>￥</small>20.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_3.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">三都港 冷冻无公害黄花鱼 700g 2条 袋装</p>
										<p class="flag">海鲜水产</p>
										<p class="price"><small>￥</small>209</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_4.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">ONLY夏季新款高腰宽松 七分阔腿裙裤休闲裤</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>274.5</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_5.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">拉夫劳伦t恤男正品 </p>
										<p class="flag">圆领短袖</p>
										<p class="price"><small>￥</small>99</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_6.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">李宁跑步鞋男鞋空气 弧2018春季款</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>79</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_7.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">Dickies男鞋2020春季 英伦休闲工装鞋低帮</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>179</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/clothes_goods_8.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">北极绒春夏季纯棉背心 男士修身纯色打底</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>69</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
							</ul>
				</div>
			</div>
			<!-- 厨具 -->
			<div class="goods goods_id_one">
				<div class="goods_top">
					<h2>餐厨</h2>
					<div class="tabs-bar">
						<a href="javascript:;" class="active">破壁机</a>
						<a href="javascript:;">牙刷</a>
						<a href="javascript:;">电动拖把</a>
						<a href="javascript:;">茶吧机</a>
						<a href="javascript:;">除螨仪</a>
						<a href="javascript:;">洗洁精</a>
					</div>
					<a href="#">查看全部</a>
				</div>
				<!-- 商品列表 -->
				<div class="xtx_goods_one">
					<ul>
						<li>
							<a href="">
								<img data-lazy-src="./img/upload/kitchen_goods_cover.jpg" />
							</a>
							<div class="label">
								<span>餐厨馆</span>
								<span class="span_tmp">大额优惠</span>
								<span>等你来拿</span>
							</div>
						</li>
						<!-- 商品图片 -->
						<li>
							<ul class="goods2">
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_1.jpg" alt="">
										</div>
									</a>
									<!-- 商品信息 -->
									<div class="meta">
										<p class="name">创意可爱不锈钢便携餐具 套装筷子便携三件套</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>5.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_2.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">三金西瓜霜竹炭牙刷软毛 成人家用家庭装</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>20.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_3.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">朴（TOPOTO）大卫免手 洗平板拖把拓扑懒人木地 板刮刮乐桶拖布</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>129</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_4.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">ONLY夏季新款高腰宽松 七分阔腿裙裤休闲裤</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>274.5</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_5.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">金纺不伤手柔顺剂 妈妈的选择</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>29</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_6.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">洁成绵柔抹布洗碗巾超 值5片装 洗锅刷碗</p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>10.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_7.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">大卫双驱动旋转拖把桶 免手洗拓扑拖布地拖墩布 </p>
										<p class="flag"></p>
										<p class="price"><small>￥</small>159</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
								<li>
									<a href="javascript:;">
										<div class="img-box">
											<img data-lazy-src="./img/upload/kitchen_goods_8.jpg" alt="">
										</div>
									</a>
									<div class="meta">
										<p class="name">斧头牌（AXE）去污地板 清洁剂2L 柠檬清香 </p>
										<p class="flag">海鲜年货</p>
										<p class="price"><small>￥</small>22.9</p>
									</div>
									<!-- 其它 -->
									<div class="extra">
										<a href="javascript:;">
											<span>找相似</span>
											<span>发现现多宝贝&gt;</span>
										</a>
									</div>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="topic xtx_goods_topic">
			<div class="goods goods_id_one">
				<div class="goods_top">
					<h2>最新专题</h2>
					<a href="javascript:;" class="more">
						查看全部<i class="sprites"></i>
				</div>
				<div class="xtx_topic">
					<ul>
						<li>
							<a href="javascript:;">
								<img data-lazy-src="./img/upload/topic_goods_1.jpg" alt="">
								<div class="meta">
									<p class="title">
										吃这些美食才不算辜负自己
										<small>餐厨起居洗护好物</small>
									</p>
									<span class="price"><small>￥</small>29.9起</span>
								</div>
							</a>
							<div class="social">
								<span class="like">
									<i class="sprites"></i>1220
								</span>
								<span class="view">
									<i class="sprites"></i>1800
								</span>

								<span class="reply">
									<i class="sprites"></i>1220
								</span>
							</div>
						</li>
						<li>
							<a href="javascript:;">
								<img data-lazy-src="./img/upload/topic_goods_2.jpg" alt="">
								<div class="meta">
									<p class="title">
										吃这些美食才不算辜负自己
										<small>餐厨起居洗护好物</small>
									</p>
									<span class="price"><small>￥</small>29.9起</span>
								</div>
							</a>
							<div class="social">
								<span class="like">
									<i class="sprites"></i>1220
								</span>
								<span class="view">
									<i class="sprites"></i>1800
								</span>

								<span class="reply">
									<i class="sprites"></i>1220
								</span>
							</div>
						</li>
						<li>
							<a href="javascript:;">
								<img data-lazy-src="./img/upload/topic_goods_3.jpg" alt="">
								<div class="meta">
									<p class="title">
										吃这些美食才不算辜负自己
										<small>餐厨起居洗护好物</small>
									</p>
									<span class="price"><small>￥</small>29.9起</span>
								</div>
							</a>
							<div class="social">
								<span class="like">
									<i class="sprites"></i>1220
								</span>
								<span class="view">
									<i class="sprites"></i>1800
								</span>

								<span class="reply">
									<i class="sprites"></i>1220
								</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 公共底部 -->
		<div class="xtx_footer clearfix">
			<div class="public_foot">
				<!-- 联系我们 -->
				<div class="contact clearfix">
					<dl>
						<dt>客户服务</dt>
						<dd class="chat">在线客服</dd>
						<dd class="feedback">问题反馈</dd>
					</dl>
					<dl>
						<dt>关注我们</dt>
						<dd class="weixin">公众号</dd>
						<dd class="weibo">微博</dd>
					</dl>
					<dl>
						<dt>下载APP</dt>
						<dd class="qrcode">
							<img data-lazy-src="./img/upload/qrcode.jpg">
						</dd>
						<dd class="download">
							<span>扫描二维码</span>
							<span>立马下载APP</span>
							<a href="javascript:;">下载页面</a>
						</dd>
					</dl>
					<dl>
						<dt>服务热线</dt>
						<dd class="hotline">
							400-0000-000
							<small>周一至周日 8:00-18:00</small>
						</dd>
					</dl>
				</div>
			</div>
			<!-- 其它 -->
			<div class="extra">
			  <div class="public_foot_two">
			    <!-- 口号 -->
			    <div class="slogan">
			      <a href="javascript:;" class="price">价格亲民</a>
			      <a href="javascript:;" class="express">物流快捷</a>
			      <a href="javascript:;" class="quality">品质新鲜</a>
			    </div>
			    <!-- 版权信息 -->
			    <div class="copyright">
			      <p>
			        <a href="javascript:;">关于我们</a>
			        <a href="javascript:;">帮助中心</a>
			        <a href="javascript:;">售后服务</a>
			        <a href="javascript:;">配送与验收</a>
			        <a href="javascript:;">商务合作</a>
			        <a href="javascript:;">搜索推荐</a>
			        <a href="javascript:;">友情链接</a>
			      </p>
			      <p>CopyRight 2024 &copy; 由孙笑川重构</p>
			    </div>
			  </div>
			</div>
		</div>
		<div class="xtx-elevator">
		  <ul class="xtx-elevator-list">
			<li><a href="javascript:;" id="backBottom">底部<i class="sprites"></i></a></li>
		    <li><a href="javascript:;" data-name="new">新鲜好物</a></li>
		    <li><a href="javascript:;" data-name="popular">人气推荐</a></li>
		    <li><a href="javascript:;" data-name="brand">热门品牌</a></li>
		    <li><a href="javascript:;" data-name="topic">最新专题</a></li>
		    <li><a href="javascript:;" id="backTop"><i class="sprites"></i>顶部</a></li>
		  </ul>
		</div>
		<script src="js/轮播图.js"></script>
		<script src="js/电梯导航.js"></script>
		<script src="js/EasyLazyload.min.js"></script>
		<script>
			//首页用户登录切换
			const first_li_1 = document.querySelector('.top_r li:first-child')
			const first_li_2 = first_li_1.nextElementSibling
			//渲染函数
			function render(){
				//读取用户名
				const unname = localStorage.getItem('xtx-uname')
				if(unname)
				{
					first_li_1.innerHTML = `<a href="javascript:;"><i class="iconfont icon-user">${unname}</i></a>`
					first_li_2.innerHTML = `<a href="javascript:;" class = "tuichu">退出登录</a>`
					const tuichu = document.querySelector('.tuichu')
					tuichu.addEventListener('click',function(){
					 localStorage.removeItem('xtx-uname'); 
					 //  页面刷新
					 location.reload();
					})
				}
				else{
					first_li_1.innerHTML = `<a href="./登录界面.html">请先登录</a>`
					first_li_2.innerHTML = `<a href="./注册.html">免费注册</a>`
				}
				
			}
			render()
		</script> 
		  <script>
		      lazyLoadInit({
		          offsetBottom:0,
		          offsetTopm:0,
		          showTime:1100,
		          onLoadBackEnd:function(i,e){
		              console.log("onLoadBackEnd:"+i);
		          }
		          ,onLoadBackStart:function(i,e){
		              console.log("onLoadBackStart:"+i);
		          }
		      });
		  </script>
	</body>
</html>